/* 深色菜单样式 */
:root {
  --dark-sidebar-background-color: #1c1d26;
  --dark-sidebar-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  --dark-logo-text-color: var(--app-color-white);
  --dark-menu-text-color: #b4becb;
  --dark-menu-active-text-color: #f1f4fa;
  --dark-menu-hover-background-color: #4e5465;
  --dark-menu-active-background-color: #409eff;
}

.app-sidebar {
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--dark-sidebar-background-color);
  box-shadow: var(--dark-sidebar-box-shadow);
}

.app-sidebar .logo {
  color: var(--dark-logo-text-color);
}

.el-menu {
  border: none !important;
  --el-menu-text-color: var(--dark-menu-text-color) !important;
  --el-menu-active-color: var(--dark-menu-active-text-color) !important;
  --el-menu-hover-text-color: var(--dark-menu-active-text-color) !important;
  --el-menu-background-color: var(--dark-sidebar-background-color) !important;
  --el-menu-hover-background-color: var(--dark-menu-hover-background-color) !important;
}

.el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  font-weight: 600;
}

.el-menu-item:hover,
.el-sub-menu__title:hover,
.el-menu-item:hover i,
.el-sub-menu__title:hover i {
  color: var(--dark-menu-active-text-color);
}

.el-sub-menu.is-active > .el-sub-menu__title,
.el-sub-menu.is-active > .el-sub-menu__title i {
  color: var(--dark-menu-active-text-color);
}

.el-menu-item.is-active {
  background-color: var(--dark-menu-active-background-color) !important;
}
